<template>
  <div class=" w-[80vw] m-[10px] h-[81vh] bg-[#fff] overflow-hidden">
    <div>

    </div>


   <div class="p-[10px] w-[60vw] m-[auto] overflow-auto soll">
     <div class=" h-[20vh] ml-[150px]">
      <el-steps style="max-width: 400px" :active="active" finish-status="success">
        <el-step title="1 发布内容" />
        <el-step title="2 发布设置" />
      </el-steps>
    </div>

      <div class="w-full h-[85vh] ">
        <ReleaseList />
      </div>

      <div class="flex flex-around jsutify-center mt-[10px]">
        <el-button  @click="next">下一步</el-button>
      </div>
   </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import ReleaseList from '@/components/ReleaseList.vue'

const active = ref(0)

const next = () => {
  if (active.value++ > 2) active.value = 0
}
</script>

<style scoped>
.soll::-webkit-scrollbar {
    display: none;
}
</style>
